import { useState } from "react";
import { MultiStepLoader } from "../components/ui/multi-step-loader";

export default function SplashScreen() {
  const [loading, setloading] = useState("true");
  const loadingStates = [
    {
      text: "应用正在初始化",
    },
    {
      text: "初始化成功,正在打开应用",
    },
  ];
  return (
    <>
      <div className="bg-transparent w-[100%] h-[100%] flex justify-center items-center">
        <MultiStepLoader
          loop={false}
          loadingStates={loadingStates}
          loading={loading}
          duration={4000}
        ></MultiStepLoader>
      </div>
    </>
  );
}
